<template>
    <view class="content">
        <view class="square">
            <view class="out">
                <view class="line"></view>
                <view class="steps">
                    <img :src="getImgOssUrl('/ui-prod-2.2.0/goods.png')" class="icon" />
                    <text class="text space">选择商品</text>
                    <text class="text">开团/参团</text>
                </view>
            </view>
            <view class="out"
                ><view class="line"></view>
                <view class="steps">
                    <img :src="getImgOssUrl('/ui-prod-2.2.0/group.png')" class="icon" />
                    <text class="text space">邀请好友</text>
                    <text class="text">参团支付</text>
                </view></view
            >
            <view class="out"
                ><view class="steps">
                    <img :src="getImgOssUrl('/ui-prod-2.2.0/right.png')" class="icon" />
                    <text class="text space">人满参团</text>
                    <text class="text">失败退款</text>
                </view></view
            >
        </view>
    </view>
</template>

<script setup>
import { getImgOssUrl } from '@/commons/utils.js';
</script>
<style lang="scss" src="./index.scss" scoped></style>
